<!DOCTYPE html>
<html lang="zh-cn">
<head profile="http://gmpg.org/xfn/11">
    <meta name="renderer" content="webkit">
    <meta  charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>商品超出领取数量提醒</title>
    <style>
        *{margin: 0; padding: 0}
        html {
            font-size: 100px;
            background: #fff;
            color: #424242;
            font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,Arial,sans-serif;
        }
        body {
            font-size: 0.16rem;
            margin: 0 auto;
            color: #5f646d;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        ol, ul {
            list-style: outside none none;
        }
        img {
            border:0;
            width: 100%;
            max-width:100%;
        }
        div.content {
            width: 100%;
        }
        h2 {
            background: linear-gradient(rgb(239, 245, 255) 0px, rgb(224, 236, 255) 100%) repeat-x;
            background-repeat: repeat-x;
            font-size: 0.2rem;
            font-weight: bold;
            color: rgb(14, 45, 95);
            padding: 0.05rem 0;
            text-align: center;
        }
        table.tab
        {
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            width: 9.6rem;
            border-collapse:collapse;
        }
        table.tab td, table.tab th
        {
            font-size:1em;
            border:1px solid #98bf21;
            padding:3px 7px 2px 7px;
        }
        table.tab th
        {
            text-align: center;
            font-size:1.1em;
            padding-top:5px;
            padding-bottom:4px;
            background-color:#A7C942;
            color:#ffffff;
        }
        table.tab tr.alt td
        {
            color:#000000;
            background-color:#EAF2D3;
        }
    </style>
</head>
<body>
<div class="content">
    <table class="tab">
        <caption>
            <h2>商品超出领取数量信息</h2>
        </caption>
        <tr>
            <th>所属公司</th>
            <th>设备编号</th>
            <th>设备名称</th>
            <th>领料员名称</th>
            <th>sku码</th>
            <th>商品名称</th>
            <th>可领数量</th>
            <th>时间范围</th>
            <th>已领数量</th>
            <th>超出数量</th>
        </tr>
        <#list dataList as line>
            <tr>
                <td>${(line.firmName)!''}</td>
                <td>${(line.deviceIdStr)!''}</td>
                <td>${(line.deviceName)!''}</td>
                <td>${(line.userName)!''}</td>
                <td>${(line.skuCode)!''}</td>
                <td>${(line.skuName)!''}</td>
                <td>${(line.quantityLimitStr)!''}</td>
                <td>${(line.timeLimitTypeStr)!''}</td>
                <td>${(line.pickupQty)!''}</td>
                <td>${(line.currentOverPick)!''}</td>
            </tr>
        </#list>
    </table>
</div>
</body>
</html>